<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
        <meta name="viewport" content="width=device-width, initial-scale=1" />
    
    <title>办理挂失</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
	<meta name="viewport" content="width=device-width, initial-scale=1" /> 
	<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

<style type="text/css" media="all">
.form{
  width: 100%;
  margin: 0.3rem auto;
  font-size: 0.7rem;
  td{
    height: 2.5rem;
  }
  input{
    font-family: "Microsoft Yahei";
    outline: none;
    color: #d8d8d8;
  }
  input[type=text],input[type=phone],input[type=email]{
    border: 1px solid #e10000;
    height: 1.55rem;
    line-height: 1.55rem;
    padding-left: 0.4rem;
    width: 100%;
    box-sizing: border-box;
    background: transparent;
  }
  }
  </style>
  </head>
  
  <body>
 <div data-role="page">
 
 
<div data-role="content" style="height:20%; background-color:#D3B092;">
         <center> 
         <p style="font-size:20px;font-weight:bold;text-shadow:none;">挂失登记</p>
          </center> 
          </div>
      

<div style="margin-top:30px;">
<form method="get">
    <table class="form">
    
        <tr>
            <td colspan="3"><input style="padding-left:3%; background-color:white;" type="text" placeholder="请输入遗失卡卡号" name="username" id="username"/><span></span></td>
        </tr>
        
        <tr>
            <td colspan="3"><input style="padding-left:3%; background-color:white;" type="text" placeholder="请输入登记证件号" name="password" id="password"/><span></span></td>
        </tr>
        
   
        
     <tr>   
  <td colspan="3"> <span style="float:left; width:63%;margin-left: 0.3rem"> <input style="padding-left:3%;background-color:white; height:40px;font-size:16px;" type="text" name="comName" id="comName" placeholder="请输入登记手机号"></span>
  <span style="float:right; position:absolute;
                right:1%;
                z-index:99; "><input style="width:10px;height:10px;font-size:12px" type=button id="search_company"  value="获取验证码"></span></td>
                 </tr>
   
    
        <tr>
            <td colspan="3"><input style="padding-left:3%; background-color:white;" type="text" placeholder="请输入验证码" name="username" id="username"/><span></span></td>
        </tr>
       </table>
      <div style="margin-left:7%;margin-right:7%;margin-top:10px;position: relative;">
          <input style="background-color:#D3B092;" type="button"  id="input"  value="提交"/>      
          </div> 
</form>
</div>

<div style="margin-left:7%;margin-right:7%;;margin-top:30px;">
<h3>注意事项：</h3>
<h4>1.登记联系电话必须为手机号码，验证码发送至登记手机号码；2.......</h4>
</div>
</body>
</html>
